<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>银行卡详情</title>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/BankCard.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">银行卡详情</h1>
</header>
<div class="mui-content">
    <div class="mui-row qy-bg-white qy-padding-vertical-14px qy-padding-horizontal-10px">
        <div class="mui-col-xs-12 qy-flex">
            <div>
                <img src="${rootPath}/static/imgs/boc.png" height="40px" />
            </div>
            <div>
                <div class="qy-font-size-18px qy-text-black">中国银行</div>
                <div class="qy-font-size-14px qy-text-gray9">
                    <small>尾号3333</small>
                    <small class="qy-margin-left-8px">储蓄卡</small>
                </div>
            </div>
        </div>
    </div>
    <div class="mui-row qy-font-size-18px qy-text-gray qy-bg-white qy-margin-top-8px qy-padding-vertical-14px qy-padding-horizontal-4px">
        <div class="mui-col-xs-12 qy-border-bottom">
            <div class="mui-input-row">
                <label>持卡人姓名:</label>
                <label>*哈</label>
            </div>
        </div>
        <div class="mui-col-xs-12">
            <div class="mui-input-row">
                <label>银行预留手机号:</label>
                <label>134****7896</label>
            </div>
        </div>
    </div>
    <div class="mui-row qy-margin-top-30px">
        <div class="mui-col-xs-12 qy-padding-vertical-16px qy-padding-horizontal-30px">
            <input type="button" value="解除绑定" class="qy-no-border mui-btn-block qy-padding-horizontal-12px qy-bg-white qy-text-red qy-font-size-18px" />
        </div>
    </div>
</div>
</body>
</html>
